<html>
	<head>
		<script src="Assets/jquery-1.7.2.min.js" type="text/javascript"></script> 
		<script src="Assets/Pagination/JQuery-Pagination.js" type="text/javascript"></script> 
		<link type="text/css" rel="stylesheet" media="screen" href="Assets/Pagination/JQuery-Pagination.css">
		<style>
			body{
			background-color :#7f7f7f   ;
			color:#505050;
			}
			h1{
			color:#030303;
			}
			#tableau{
			width:60%;
			background-color :#ffffff ;
			border:3px groove #0f0f0f ;
			border-collapse:collapse;
			}
			#tableau th{
			font-size:20px;
			border:1px solid #0f0f0f ;
			}
			#tableau td{
			font-size:15px;
			padding-left:50px;
			padding-right:50px;
			}

		</style>
	</head>
	
	<body>
	
	
	<h1> JQuery <img src="Assets/Images/Pagination-logo.png" style="vertical-align:bottom;"/>agination </H1>
	<em style="color:white;">Activate Pagination GO!</em> <button id="pagination">OK</button>
	<br/><br/>
	<center id="contener">
	<?php
	echo '<table id="tableau">';
		echo '<thead>';
		echo '<tr>';
					echo '<th>MIN</th>';
					echo '<th>MAX</th>';
					echo '<th>VALEUR</th>';
				echo '</tr>';
		echo '</thead>';

		echo '<tbody>';
			for($i=0; $i<1000; $i++)
			{
				echo '<tr>';
					echo '<td>'.rand().'</td>';
					echo '<td>'.rand().'</td>';
					echo '<td>'.rand().'</td>';
				echo '</tr>';
			}
		echo '</tbody>';
	echo '</table>';
	?>
	</center>
	<body>
<html>

<script>
//---------------------------------------------------------------------------------------
// CREATION DU TABLEAU
//---------------------------------------------------------------------------------------
var tableau= $('table',{'id':'tableau'});


//-----------------------------------------------------------------------------------------
$("body").on('click', '#pagination',function(){
		//---------------------------------------------------------------------------------
		// MISE EN PLACE DE LA PAGINATION
		//---------------------------------------------------------------------------------
		$("#tableau").Pagination({ nbLigneAffiche : 20,maxPagination:9});
		//---------------------------------------------------------------------------------

		$('#pagination').remove();

});
</script>
